<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登陆/注册</title>
    <link rel="stylesheet" href="./css/login.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/login.js"></script>
    <link rel="shortcut icon" href="./-1367494811.jpg" type="image/x-icon" /> <!--IE 地址栏前的图标-->
    <link rel="Bookmark" href="./-1367494811.jpg" type="image/x-icon"> <!--收藏夹的图标-->
</head>

<body>
    <div class="box">
        <div class="login_l">
        </div>
        <div class="login_r">
            <h1 class="top">
                <div class="top_l">
                    <img src="./img/logo-mi2.png" alt="">
                    <span>小米帐号</span>
                </div>
                <div class="top_r">
                    <a href="">用户协议</a>
                    <a href="">隐私政策</a>
                    <a href="">帮助中心</a>
                    <select>
                        <option value="volvo">中文（简体）</option>
                        <option value="saab">中文（繁体）</option>
                        <option value="opel">英文</option>
                    </select>
                </div>
            </h1>
            <div class="main">
                <ul id="options">
                    <li class="border">登录</li>
                    <li>注册</li>
                </ul>
                <div id="more">
                    <div class="log item" style="display: block;">
                        <input type="text" placeholder="邮箱/手机号码/小米ID" id="log_1">
                        <input type="password" name="" id="log_2" placeholder="密码" minlength="6">
                        <input type="checkbox" class="check"> <span>已阅读并同意小米帐号 <a href="">用户协议</a> 和<a
                                href="">隐私政策</a></span>
                        <input type="submit" style="text-align: center ;padding-left: 0px;background-color: #6c3a1d;"
                            id="log_3">
                        <a href="" style="color: #fb6d1d;">忘记密码？</a>
                    </div>
                    <div class="reg item">
                        <select style="font-size: 15px;">
                            <option value="volvo">中国</option>
                            <option value="saab">美国</option>
                            <option value="opel">加拿大</option>
                        </select> <br>
                        <input type="text" placeholder="手机号" id="reg_1"> <br>
                        <input type="text" placeholder="请输入验证码" id="reg_2">
                        <input type="checkbox" class="check"> <span>已阅读并同意小米帐号 <a href="">用户协议</a> 和 <a
                                href="">隐私政策</a></span>
                        <input type="submit" style="text-align: center ;padding-left: 0px;background-color: #6c3a1d;"
                            id="reg_3">
                        <span href="" style="color: #fb6d1d;">获取验证码</span>
                    </div>

                </div>
            </div>

        </div>
    </div>
</body>

</html>